<style>
    input.input-short{width:80px !important}
    input.input-middle{width:100px !important}
    td.mf-td-title{vertical-align: middle !important;}
    div.mf-td-split{float:left;line-height:22px;padding:5px}
</style>
<form id="edit-form" class="form-horizontal mf-form" role="form" data-toggle="validator" method="POST" action="">
    <div>
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">个人资料</a></li>
            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">购买意向</a></li>
            <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">老带新</a></li>
        </ul>
        
        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="home">
                <table class="table table-borderd">
                    <tr>
                        <td class="mf-td-title" style="width:100px">{:__('Customer_name')}:</td>
                        <td class="mf-td-input"><input id="c-customer_name" data-rule="required" placeholder="{:__('Customer_name')}" class="form-control input-middle" name="row[customer_name]" type="text" value="{$row.customer_name|htmlentities}"></td>
                        <td class="mf-td-title" style="width:120px">{:__('Customer_tel')}:</td>
                        <td class="mf-td-input"><input id="c-customer_tel" data-rule="required,mobile" readonly placeholder="{:__('Customer_tel')}" class="form-control input-middle" name="row[customer_tel]" type="text" value="{$row.customer_tel|htmlentities}">
                            <label><input type="checkbox" name="row[hide_mobile]" value="1" {in name="row->hide_mobile" value="1"}checked{/in} />隐藏号码</label>
                        </td>
                    </tr>
                    <tr>
                        <td class="mf-td-title" style="width:100px">客户电话2:</td>
                        <td class="mf-td-input"><input id="c-customer_tel2" data-rule="mobile" readonly class="form-control input-middle" name="row[customer_tel2]" type="text" value="{$row.customer_tel2|htmlentities}"></td>
                        <td class="mf-td-title" style="width:120px">客户电话3:</td>
                        <td class="mf-td-input"><input id="c-customer_tel3" data-rule="mobile" readonly class="form-control input-middle" name="row[customer_tel3]" type="text" value="{$row.customer_tel3|htmlentities}"></td>
                    </tr>
                    <tr>
                        <td class="mf-td-title">{:__('Sex_radio')}:</td>
                        <td class="mf-td-input" colspan="3"> 
                            <div class="radio">
                                {foreach name="sexRadioList" item="vo"}
                                <label for="row[sex_radio]-{$key}"><input id="row[sex_radio]-{$key}" name="row[sex_radio]" type="radio" value="{$key}" {in name="key" value="$row.sex_radio"}checked{/in} /> {$vo}</label> 
                                {/foreach}
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="mf-td-title">来源分类:</td>
                        <td>
                            <input id="c-source_id" data-rule="required" data-source="newhouse/customer/source/index" data-primary-key="id" data-field="source" class="form-control selectpage" name="row[source_id]" type="text" value="{$row.source_id}">
                        </td>
                        <td class="mf-td-title">来源详情:</td>
                        <td><input id="c-customer_from" data-rule="" class="form-control input-middle" name="row[customer_from]" type="text"  value="{$row.customer_from}"></td>

                    </tr>
                    <tr>
                        <td class="mf-td-title">{:__('Mem')}:</td>
                        <td class="mf-td-input" colspan="3"> <input id="c-mem" data-rule="" class="form-control" name="row[mem]" type="text" value="{$row.mem}"></td>
                    </tr>

                    <tr>
                        <td class="mf-td-title">{:__('Account_statement')}:</td>
                        <td class="mf-td-input" colspan="3"> <input id="c-account_statement" data-rule="" class="form-control" name="row[account_statement]" type="text" value="{$row.account_statement}"></td>
                    </tr>
                    <tr>
                        <td class="mf-td-title">{:__('Credit_investigation')}:</td>
                        <td class="mf-td-input" colspan="3"> <input id="c-credit_investigation" data-rule="" class="form-control" name="row[credit_investigation]" type="text" value="{$row.credit_investigation}"></td>
                    </tr>
                    <tr>
                        <td class="mf-td-title">登记人:</td>
                        <td class="mf-td-input">{$row.admin.nickname}</td>
                        <td class="mf-td-title">登记时间:</td>
                        <td class="mf-td-input">{:date('Y-m-d h:i',$row.createtime)}</td>
                    </tr>
                </table>
            </div>
            <div role="tabpanel" class="tab-pane" id="profile">
                <table class="table table-borderd">
                    <tr>
                        <td class="mf-td-title" style="width:100px">{:__('Want_area')}:</td>
                        <td class="mf-td-input" style="position:relative;width:260px">
                            <input id="c-want_area" class="form-control" style="width:250px"  data-toggle="city-picker" name="row[want_area]"  value="{$row.want_area|htmlentities}">
                        </td>                        
                        <td class="mf-td-title" style="width:120px">期望楼层:</td>
                        <td class="mf-td-input">
                            <div class="input-group">
                                <input id="c-want_floor_low" data-rule="" class="form-control input-short" name="row[want_floor_low]" type="number" value="{$row.want_floor_low}">
                                <div class="mf-td-split">至</div>
                                <input id="c-want_floor_high" data-rule="" class="form-control input-short" name="row[want_floor_high]" type="number" value="{$row.want_floor_high}">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="mf-td-title">面积(平方米):</td>
                        <td class="mf-td-input">
                            <div class="input-group">
                                <input id="c-want_acre_low" data-rule="" class="form-control input-short" name="row[want_acre_low]" type="number" value="{$row.want_acre_low}">
                                <div class="mf-td-split">至</div>
                                <input id="c-want_acre_high" data-rule="" class="form-control input-short" name="row[want_acre_high]" type="number" value="{$row.want_acre_high}">
                            </div>
                        </td>
                        <td class="mf-td-title">期望总价(万元):</td>
                        <td class="mf-td-input">
                            <div class="input-group">
                                <input id="c-want_price_low" data-rule="" class="form-control input-short" name="row[want_price_low]" type="number" value="{$row.want_price_low}">
                                <div class="mf-td-split">至</div>
                                <input id="c-want_price_high" data-rule="" class="form-control input-short" name="row[want_price_high]" type="number" value="{$row.want_price_high}">
                            </div>
                        </td>
                    </tr>
                                    
                    <tr>
                        <td class="mf-td-title">{:__('Payment_percentage')}:</td>
                        <td class="mf-td-input">
                            <div class="input-group">
                                <input id="c-payment_percentage" data-rule="" class="form-control input-short" name="row[payment_percentage]" type="number" value="{$row.payment_percentage}">
                                <div class="mf-td-split">%</div>
                            </div>
                        </td>
                        <td class="mf-td-title">{:__('Property_quantity')}:</td>
                        <td class="mf-td-input"><input id="c-property_quantity" data-rule="" class="form-control input-short" name="row[property_quantity]" type="number" value="{$row.property_quantity}"></td>
                    </tr>
                    <tr>
                        <td class="mf-td-title">{:__('First_house')}:</td>
                        <td class="mf-td-input"> <div class="radio">
                            {foreach name="firstHouseRadioList" item="vo"}
                            <label for="row[first_house]-{$key}"><input id="row[first_house]-{$key}" name="row[first_house]" type="radio" value="{$key}" {in name="key" value="$row.first_house"}checked{/in} /> {$vo}</label> 
                            {/foreach}
                        </div>
                        </td>
                        <td class="mf-td-title">{:__('Social_security')}:</td><td class="mf-td-input"> <div class="radio">
                            {foreach name="socialSecurityRadioList" item="vo"}
                            <label for="row[social_security]-{$key}"><input id="row[social_security]-{$key}" name="row[social_security]" type="radio" value="{$key}" {in name="key" value="未知"}checked{/in} /> {$vo}</label> 
                            {/foreach}
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="mf-td-title">{:__('Payment_method')}:</td>
                        <td class="mf-td-input" colspan="3">
                            <div class="radio">
                                {foreach name="paymentMethodRadioList" item="vo"}
                                <label for="row[payment_method]-{$key}"><input id="row[payment_method]-{$key}" name="row[payment_method]" type="radio" value="{$key}" {in name="key" value="$row.payment_method"}checked{/in} /> {$vo}</label> 
                                {/foreach}
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="mf-td-title">{:__('Marriage_radio')}:</td>
                        <td class="mf-td-input" colspan="3">
                            <div class="radio">
                                {foreach name="marriageRadioList" item="vo"}
                                <label for="row[marriage_radio]-{$key}"><input id="row[marriage_radio]-{$key}" name="row[marriage_radio]" type="radio" value="{$key}" {in name="key" value="$row.marriage_radio"}checked{/in} /> {$vo}</label> 
                                {/foreach}
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="mf-td-title">报备楼盘:</td>
                        <td class="mf-td-input" colspan="3"> 
                            <input id="c-building_id" style="width:550px" data-multiple="true" data-source="newhouse/building/items/index" data-primary-key="id" data-field="building_name" class="form-control selectpage" name="row[building_id]" type="text" value="{$row.building_id}">
                        </td>
                    </tr>
                </table>
            </div>
            <div role="tabpanel" class="tab-pane" id="messages">
                <table class="table table-borderd">
                    <tr>
                        <td class="mf-td-title">老带新:</td>
                        <td class="mf-td-input">
                            <div class="radio">
                                <label><input id="row[from_friend]-0" name="row[from_friend]" type="radio" value="0" {in name="$row.from_friend" value="0"}checked{/in} />否</label> 
                                <label><input id="row[from_friend]-1" name="row[from_friend]" type="radio" value="1" {in name="$row.from_friend" value="1"}checked{/in} /> 是</label> 
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="mf-td-title">老客户姓名:</td>
                        <td><input id="c-friend_name" data-rule="" class="form-control input-middle" name="row[friend_name]" type="text" value="{$row.friend_name}"></td>
                    </tr>
                    <tr>
                        <td class="mf-td-title">老客户手机号:</td>
                        <td><input id="c-friend_mobile" data-rule="" class="form-control input-middle" name="row[friend_mobile]" type="text" value="{$row.friend_mobile}"></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
   
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
